
@import "commot.less";
body{
    background-color: #fff;
}
// 顶部面包屑部分
.top_bread{
    height: 45px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    .top_bread_left{
        flex: 10;
        .top_bread_list{
            list-style: none;
            
            margin: 0;
            padding: 0;
            li{
                float: left;
                margin-left: 3px;
                a{
                    color: #000;
                    font-size: 16px;
                }
            }
            li::after{
                content: ">";
                width: 20px;
                height: 20px;
                padding: 0 3px;
            }
        }
    }
    
    .top_bread_right{
        flex: 2;
        text-align: right;
        font-size: 16px;
        a{
            color: #000;
        }
    }
}
// 搜索框
.search{
    // height: 40px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .mui-search{
        flex: 1;
        height: 30px;
        border-radius: 20px;
        input{
            margin-bottom: 0;
        }
    }
    .mui-search.mui-active:before{
        z-index: -9999;
        display: none;
    }
    .search_btn{
        height: 30px;
        padding: 1px 15px;
        margin-left: 10px;
        border-radius: 20px;
        color: #fff;
        background-color: #ff841d;
    }
}
// 主体部分
.sell_slowly_view{
    box-sizing: border-box;
    .sell_productlist{
        
        .main_productlist{
            list-style: none;
            margin: 0;
            padding: 0;
            
            li{
                background-color: #fff;
                height: 111px;
                
                justify-content: center;
                align-items: center;
                padding: 10px 10px 0 10px;
                border-bottom: 1px solid #666;
                a{
                    display: flex;
                    width: 100%;
                    height: 100%;
                    color: #333;
                    .main_left{
                        // height: 100%;
                        flex: 1;
                        margin-right: 10px;
                        >img{
                            width: 100%;
                        }
                    }
                    .main_right{
                        // height:  100%;
                        flex: 3;
                        font-size: 14px;
                        .productName{
        
                        }
                        .productPrice{
                            color: red;
                            height: 30px;
                            line-height: 30px;
                        }
                        .product_info{
                            font-size: 14px;
                            color: #666;
                            .productQuote{
                                
                            }
                            .productCom{
                                
                            }
                        }
                    }
                }
                
            }
        }
        
    }
}
// 底部部分
.footer_btn{
    clear: both;
    background-color: #fff;
    // padding: 15px 5px;
    display: flex;
    position: relative;
    text-align: center;
    height: 45px;
    // height: 200px;
    .footer_pref_btn{
        
        position: absolute;
        left: 0;
        top: 0;
        transform: translateY(20%);
    }
    .footer_num{
        
        width: 100%;
        border: none;
        position: absolute;
        left: 50%;
        top: 50%;
        // transform: ;
        text-align: center;
        .footer_num_main{
            width: 100px;
            
            .mui-table-view{
                transform: translate(-50%,-50%);
                width: 100%;
                height: 30px;
                line-height: 30px;
                text-align: center;
                .mui-table-view-cell{
                    
                
                    .mui-navigate-right{
                        padding: 0;
                        border: 1px solid #ccc;
                    
    
                    }
                    .mui-navigate-right:after, .mui-push-right:after{
                        right: 0;
                    }
                    .mui-collapse-content{
                
    
                    }
                }
            }
            .mui-table-view:before{
                background-color: #fff;
            }
            .mui-table-view:after{
                background-color: #fff;
            }
        }
        
    }
    .footer_next_btn{
        // flex: 3;
        position: absolute;
        right: 0;
        top: 0;
        text-align:right;
        transform: translateY(20%);
    }
    
}
// .footer_btn{
//     background-color: #fff;
//     // padding: 15px 5px;
//     display: flex;
//     width: 100%;
    
//     .footer_pref_btn{
//         flex: 4;
       
//     }
//     .footer_num{
//         flex: 5;
//         // position: static;
//         width: 100%;
//         border: none;
        
//         text-align: center;
//         // padding: 10px 70px;
//         .footer_num_main{
            
//             .mui-table-view{
               
//                 .mui-table-view-cell{
//                     // width: 100px;
                    
                
//                     .mui-navigate-right{
                       
    
//                     }
//                     .mui-navigate-right:after, .mui-push-right:after{
//                         right: 0;
//                     }
//                     .mui-collapse-content{
                
    
//                     }
//                 }
//             }
//             .mui-table-view:before{
//                 background-color: #fff;
//             }
//             .mui-table-view:after{
//                 background-color: #fff;
//             }
//         }
        
//     }
//     .footer_next_btn{
//         flex: 3;
        
//     }
    
// }
